<template>
	<view>
		<view class="collection_box" v-for="item in DetailList">
      <image :src="item.product.cover"></image>
      <view class="collection_detail">
        <view>机甲</view>
        <view>销毁数量: {{ item.num }}</view>
        <view>销毁时间:{{ item.created_at }}</view>
      </view>
    </view>
	</view>
</template>

<script>
import api from "../../api/api";
	export default {
		data() {
			return {
        DetailList:[],
        page:1
			}
		},
		methods: {
			async getburnDetailList(){
        let { data } = await api.burnForCashLog({
          method:'get',
          loading:'加载中',
          query:{ page:this.page }
        })
        this.DetailList.push(...data)
      },
		},
    onLoad(){
      this.getburnDetailList()
    },
    onReachBottom() {
      this.page++;
      this.$u.throttle(this.getburnDetailList(), 1000, true);
    },
	}
</script>

<style lang="scss">
page{
  color: #ffffff;
  padding: 1rpx;
}
.collection_box{
  height: 220rpx;
  display: flex;
  background-color: #292B2B;
  margin: 30rpx;
  border-radius: 24rpx;
  image{
    width: 220rpx;
    height: 220rpx;
    border-radius: 24rpx 0 0 24rpx;
  }
  .collection_detail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 30rpx;
    gap: 20rpx;
  }
  view:nth-child(3){
    color: #999999;
  }
}

</style>
